<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/x-icon" href="//lining-store-online-1302115263.file.myqcloud.com/favicon.ico">
    <title>李宁官方商城</title>
    <link rel="stylesheet" href="css/detaiPage.css">
</head>

<body>
    <header></header>
    <main>
        <div class="goods-all-message">
            <div class="pc-lining-goods-detail">
                <div class="detail-left">
                    <div id="small-box">
                        <div id="mask"></div>
                    </div>
                    <div id="imgs">
                        <ul class="goods-all-img">
                            <li class="goods-img-box"><img class="alone-goods-img" src=""></li>
                            <li class="goods-img-box"><img class="alone-goods-img" src=""></li>
                            <li class="goods-img-box"><img class="alone-goods-img" src=""></li>
                        </ul>
                    </div>
                    <div id="big-box"></div>
                </div>

                <div class="goods-detail-right">
                    <h1 class="goods-name"></h1>
                    <div class="goods-right-line"></div>
                    <div class="goods-price-wrapper">
                        <div class="goods-common-wrapper">
                            <span class="common-left">吊牌价:</span>
                                <span class="goods-market-price" style="font-size: 14px; color: rgb(102, 102, 102);">
                                <span style="margin-right: 0px;">￥</span>
                                <span class="goods-money-add">00</span>
                                <span>.00</span>
                            </span>
                        </div>
                        <div class="goods-sale goods-common-wrapper">
                            <span class="goods-price">销售价</span>
                                <span class="goods-sale-price" style="font-size: 30px; color: rgb(249, 62, 82);">
                                <span style="font-size: 14px; margin-right: 4px;">￥</span>
                                <span class="goods-money-real">00</span><span>.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="selected-tips"><span class="label">颜色：</span><span>已选<span class="goods-color">黑色</span></span></div>
                    <div class="goods-tap-wrapper">
                        <div class="goods-tag-des">款型</div>
                        <div class="goods-tag-colors">
                            <div class="goods-tag-img-box">
                                <div class="lazyload-wrapper" style="font-size: 0px;">
                                    <img src="" class="pc-lining-image goods-tag-image" alt="" style="border-color: rgb(193, 193, 193); width: 70px; height: 70px;">
                                </div>
                            </div>
                            <div class="goods-tag-img-box">
                                <div class="lazyload-wrapper" style="font-size: 0px;">
                                    <img src="" class="pc-lining-image goods-tag-image" alt="" style="border-color: rgb(193, 193, 193); width: 70px; height: 70px;">
                                </div>
                            </div>
                            <div class="goods-tag-img-box">
                                <div class="lazyload-wrapper" style="font-size: 0px;">
                                    <img src="" class="pc-lining-image goods-tag-image" style="border-color: rgb(249, 62, 82); width: 70px; height: 70px;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="goods-Spec-wrapper">
                            <div class="goods-Spec-des">尺码</div>
                            <div class="goods-Spec-list">
                                <div class="goods-Spec-number-box">
                                    <div class="goods-Spec-item" style="border-color: rgb(193, 193, 193);">39</div>
                                </div>
                                <div class="goods-Spec-number-box">
                                    <div class="goods-Spec-item" style="border-color: rgb(193, 193, 193);">39.5</div>
                                </div>
                                <div class="goods-Spec-number-box">
                                    <div class="goods-Spec-item" style="border-color: rgb(193, 193, 193);">40</div>
                                </div>
                                <div class="goods-Spec-number-box">
                                    <div class="goods-Spec-item" id="goods-size" style="border-color: rgb(249, 62, 82);">41</div>
                                </div>
                                <div class="goods-Spec-number-box">
                                    <div class="goods-Spec-item disable" style="border-color: rgb(193, 193, 193);">41.5</div>
                                </div>
                                <div class="goods-Spec-number-box">
                                    <div class="goods-Spec-item disable" style="border-color: rgb(193, 193, 193);">42</div>
                                </div>
                                <div class="goods-Spec-number-box">
                                    <div class="goods-Spec-item disable" style="border-color: rgb(193, 193, 193);">43</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="buy-num-wrapper">
                        <div class="buy-num-text">数量</div>
                        <div class="num-handle minus" style="opacity: 0.5;">-</div><input class="buy-num" type="tel" value="1">
                        <div class="num-handle add" style="opacity: 1;">+</div>
                        <div class="size-label">
                            <div class="img-box">
                                <div class="lazyload-wrapper" style="font-size: 0px;">
                                    <img src="//lining-store-online-1302115263.file.myqcloud.com/icon/goods/size-btn.png" class="pc-lining-image size-btn-image" alt=""></div>
                            </div>
                            <div class="text-box">查看尺寸对照表</div>
                        </div>
                    </div>
                    <div class="limit-tips"></div>
                    <div class="goods-handle-wrapper">
                        <div class="immediately-buy">立即购买</div>
                        <div class="add-car-box">
                            <div class="add-cart">加入购物车</div>
                            <p class="add-resolve" style="width: 167px;height: 50px;opacity: 0;  position: absolute;top: 40px; left: 200px;border-radius: 35px;text-align: center;line-height: 45px;font-weight: 900;color: #00e700;">加入成功😊</p>
                        </div>
                    </div>
                </div>
            </div>


        </div>


        </div>
    </main>
    <footer></footer>
</body>

</html>
<script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="js/detailPage.js" type="text/javascript" charset="utf-8"></script>